<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>360手机桌面</title>
		<style>
	img{
		vertical-align: bottom;
	   }		
	.w{
      width: 976px;
	  margin: 0 auto;
	  }
	.fl{
		  float:left;		  
	   }
	.fr{
	  	 float:right;		  
	   }
	   h3{
	  /* 	padding-top: 10px; */
	   	color: #3a6399;
		/* height: 119px;
		width: 300px;
		padding-right: 107px; */
	   }
	   p{
	  /* 	 padding-top: 16px; */
		 color: #445566;
	       font-size: 12px;
	   }
	.header{
		height: 61px;
		background-image: url(icon.11.jpg);
	       }		   
	.logo{
		  height: 40px;
		  padding-top: 11px;
	     }
	.nav{
		  height: 33px;
		  padding-top: 15px;
	    }
	.bd1{
		height: 425px;
		background-image: url(icon.12.jpg);
	}
	.bd2{
		height:90px;
		background-image: url(icon.13.jpg);
	}
	.bd_1{
		height: 423px;
	         }		
	.bd_2{
		height: 88px;
	   }	
	/* 以下是main区 */  
	.main{
	     height: 618px;
	     }
		 .ad{
		 height: 185px;
		 background-repeat: no-repeat;
		 }
		 .main div:nth-child(1){			
		 	margin-top: 62px;
		 	background: url(icon_21.jpg) no-repeat ;
		 	}			
		 .main div:nth-child(2){
			/* border: 1px solid red; */
		 	margin-top: 62px;
		 	background: url(icon_23.jpg)no-repeat 23px 0px ;
		 	}
		 .main div:nth-child(3){
		 	background: url(icon_28.jpg)no-repeat;
		 }
		 .main div:nth-child(4){
		 	background: url(icon_30.jpg)no-repeat 23px 0px;
		 }
		 .main div:nth-child(5){
		 	background: url(icon_35.jpg)no-repeat;
		 }
		 .main div:nth-child(6){
		 	background: url(icon_37.jpg)no-repeat 23px 0px;
		 }
		 .main div:nth-child(2n+1){
		 	width: 293px;
		 	margin-right: 86px;
		 	padding-left: 143px;
		 	padding-top: 9px;
		 	}
		 .main div:nth-child(2n){
		 	width:295px;
		 	padding-left: 141px;
		 	padding-top: 9px;
		 }
          .main div:nth-child(2n+1){
			width: 293px;
			margin-right: 86px;
			padding-left: 143px;
			padding-top: 0;
			}
		.main div:nth-child(2n){
			width:295px;
			padding-left: 141px;
			padding-top: 9px;
		}	
		.bottom{
			background-image: url(icon.14.jpg)
		/* 	height: 69px; */
		}	
		 .bottom_1{ 
		/* 	 padding-top: 20px; */
			/* 	height: 69px; */
				 }
			
		</style>
	</head>
	<body>
	<div class="header">
	<div class="w ">
		<div class="fl logo"><img src="logo_05.jpg" alt=""></div>
		<div class="fr nav"> <img src="nav_05.jpg" alt=""></div>
	</div>
	</div>
	<div class="bd1">
	<div class="w bd_1"><img src="3.jpg" alt=""></div>
	</div>
	<div class="bd2">
	<div class="w bd_2"><img src="2.case.jpg" alt=""></div>
	</div>	
	<!-- 以下是main区 -->
	<div class="w main">
				<div class="ad fl"><h3>简洁清新美观</h3><p>清新风格更简洁、更美观，百变主题更个性、更抢眼，贴心小工具，丰富新功能，让你的桌面从此与众不同。	</p></div>	
				<div class="ad fl"><h3>操作简便直观</h3><p>长按桌面即可添加更换各种应用、文件夹、小工具，也可方便的选择主题和壁纸为手机换肤，所见即所得的直观操作带来更加简便的使用体验。</p></div>
				<div class="ad fl"><h3>千变万化主题</h3><p>海量主题任你选择，在线主题、壁纸内容不断增加中，每日不同的心情，都能找到恰到好处的个性化呈现方式，让手机天天都是精致的表情。</p></div>
				<div class="ad fl"><h3>贴心实用工具</h3><p>时钟天气、一键清理、一键节电、日历……不用打开应用，桌面上即可快速进行常用小工具的操作，使用手机更方便，更快捷。</p></div>
				<div class="ad fl"><h3>屏幕手势管理</h3><p>双指一捏的合并手势操作即可对屏幕进行可视化操作，可添加多达9屏的屏幕，快速浏览切换屏幕，增减屏幕个数及调整屏幕位置，来体验智能手机的触控乐趣吧。</p></div>
				<div class="ad fl"><h3>个人深度定制</h3><p>图标壁纸随意换，划屏特效随心改，小工具大小任意调，深度定制属于你自己的完美桌面，个性创意毫无拘束，手机屏幕就是你的绘画板。</p></div>
			</div>
		<div class="bottom">
	      <div class=" w bottom_1" ><img src="icon.10.jpg" alt=""></div>
		</div>  
	  
	
		   
			   
	</body>
</html>
